<template>

	<view class="mt-3">
		<view class="">
			<image style="width: 20px; height: 20px;"
				src="https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/svgs/security_icon.6e66438b.svg"
				mode="widthFix"></image>
			<span>当前纪念馆其他厅</span>
		</view>

		<view class="mt-3">
			<view class="flex flex-column" style="width: 130px;" @click="toInfo(item)" v-for="(item,index) in hallList" :key="index">
				<image style="width: 130px; height: 130px;" :src="item.hallStyleImageUrl" mode="aspectFill"></image>
				<text class="text-center">
					{{item.hallName}}
				</text>
			</view>
		</view>
	</view>


</template>

<script>
	export default {
		components: {},
		props: {
			id: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				hallList: []
			};
		},
		created() {
			this.getData()
		},
		methods: {
			getData() {


				let data = {
					museumId: this.id
				}
				this.$api.museumgetMuseum(data).then(res => {

					this.hallList = res.hallList
				})
			},
			toInfo(item) {
				console.log(item)
				uni.navigateTo({
					url: `/pagesobit/obit/tingInfo?hallId=${item.docId}`
				})
			},
		}
	};
</script>


<style lang="scss" scoped>
</style>